<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <form>
    <fieldset class="todo-list">
      <legend class="todo-list__title" align="center">My Special Todo List</legend>
      <label class="todo-list__label">
        <input type="checkbox" name="" id="" />
        <i class="check"></i>
        <span>Make awesome CSS animation22222222222222222222</span>
      </label>
      <label class="todo-list__label">
        <input type="checkbox" name="" id="" />
        <i class="check"></i>
        <span>Watch awesome bangumi</span>
      </label>
      <label class="todo-list__label">
        <input type="checkbox" name="" id="" />
        <i class="check"></i>
        <span>Encounter awesome people</span>
      </label>
      <label class="todo-list__label">
        <input type="checkbox" name="" id="" />
        <i class="check"></i>
        <span>Be an awesome man</span>
      </label>
    </fieldset>
  </form>
</body>

</html>